/* 首页第一页 */
// *{
//     overflow-y: hidden;
// }
.Home_box{
    // border: 1px solid red;
    // height: 90vh;
}
.one {
    // border: 10px solid skyblue;
    /* background-color: red; */
    //background: url("") no-repeat;
    width: 100vw;
    height: 100vh;
}




/* end */



.two {
    background-color: white;
    .top{
        width: 100%;
        height: 40%;
        //background-color: white;
        ul{
            width: 100%;
            height: 100%;
            display: flex;

            li{
                width: 50%;
                height: 100%;
                //border: 1px solid red;
                background-color: rgba(255,255,255,.6);
                display: flex;
                align-items: center;
                img{
                    width: 25vw;
                    display: block;
                    margin: 0 auto;
                }
                div{
                    padding-top: 5vw    ;
                    width: 100%;
                    height: 100%;
                    text-align: center;

                    p{
                        font-size: 18px;
                        width: 60%;
                        margin: 12px auto;
                    }

                }


            }
        }
    }
    .bottom{
        width: 100%;
        height: 50%;
        //background-color: red;
        ul{
            width: 100%;
            height: 100%;
            display: flex;
            li{
                width: 50%;
                height: 100%;
                //border: 1px solid red;
                background-color: rgba(255,255,255,.7);
                display: flex;
                align-items: center;
                img{
                    width: 23vw;
                    display: block;
                    margin: 0 auto;

                }
                div{
                    padding-top: 5vw    ;
                    width: 100%;
                    height: 100%;
                    text-align: center;

                    p{
                        font-size: 18px;
                        width: 60%;
                        margin: 12px auto;
                    }

                }
            }
        }
    }
}

.three {
    background-image: url("../../assets/image/p23.jpg");
    .cardBox{
        width: 100%;
        height: 80vh;
        ul{
            width: 100%;
            height: 100%;
            padding-left: 5%;
            padding-right: 5%;
            display: flex;
            justify-content: space-between;
            li{
                width: 15%;
                height: 75%;
                //border: 1px solid red;
                background-color: rgba(255,255,255,.8);
                position: relative;
                .top{
                    width: 100%;
                    height: 100%;
                    //border: 1px solid red;
                }
                .bottom{
                    width: 100%;
                    height:30%;
                    //border: 1px solid red;
                    position: absolute;
                    top: 70%;
                    background-color: rgba(0,0,0,.6);
                    display: none;
                    color: white;
                    p{
                        width: 80%;
                        height: 80%;
                        margin: 10% auto;
                    }
                }
            }
            li:hover{
                .bottom{
                    display: block;
                }
            }
        }
    }
}

.four {
    background-image: url("../../assets/image/home-background.jpg");
    .top{
        width: 100%;
        height: 30%;
        //border: 1px solid red;
        padding-top: 100px;
        h1{
            width: 10vw;
            display: block;
            margin: 0 auto;
        }
        ul{
            width: 30vw;
            //border: 1px solid red;
            margin: 50px auto;
            display: flex;
            justify-content: space-between;
            font-size: 18px;
        }
    }
    .bottom{
        width: 100%;
        height: 70%;

        ul{
            width: 90%;
            height: 80%;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            padding-top: 5%;
            li{
                width: 30%;
                height: 90%;
                background-color: white;
                border-radius: 10px;
                .time{
                    border-bottom: 1px solid #a8adad;
                    margin-right: 1px;
                    margin-left: 1px;
                    height: 20%;
                    padding-top: 7%;
                    padding-left: 5%;
                    color: #a8adad;
                }
                .text{
                    width: 100%;
                    height: 50%;
                    //border: 1px solid red;
                    padding-top: 5%;
                    h1{
                        display: block;
                        width: 70%;
                        //border: 1px solid red;
                        margin: 0 auto;
                        margin-bottom: 15%;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        word-break: break-all;
                        white-space: nowrap;
                    }
                    p{
                        width: 80%;
                        //border: 1px solid red;
                        word-break: break-all;
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        margin: 0 auto;
                    }
                }
                .link{
                    width: 100%;
                    height: 30%;
                    //border: 1px solid red;
                    a{
                        margin-top: 11%;
                        padding-right: 15%;
                        float: right;
                        color: red;
                    }
                }
            }
        }
    }
}